<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html >
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>

<!-- Header starts -->
<header>
    <div class="container">
        <div class="row">

            <!-- Logo section -->
            <div class="col-md-4">
                <!-- Logo. -->
                <div class="logo">
                    <h1><a href="#">Mac<span class="bold"></span></a></h1>

                    <p class="meta">后台管理系统</p>
                </div>
                <!-- Logo ends -->
            </div>

            <!-- Button section -->
            <div class="col-md-4">

                <!-- Buttons -->
                <ul class="nav nav-pills">

                    <!-- Comment button with number of latest comments count -->
                    <li class="dropdown dropdown-big">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-comments"></i> 聊天 <span class="label label-info">6</span>
                        </a>

                        <ul class="dropdown-menu">
                            <li>
                                <!-- Heading - h5 -->
                                <h5><i class="icon-comments"></i> 聊天</h5>
                                <!-- Use hr tag to add border -->
                                <hr/>
                            </li>
                            <li>
                                <!-- List item heading h6 -->
                                <h6><a href="#">你好 :)</a> <span class="label label-warning pull-right">10:42</span></h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">你怎么样?</a> <span class="label label-warning pull-right">20:42</span></h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">你在干撒呢?</a> <span class="label label-warning pull-right">14:42</span>
                                </h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <div class="drop-foot">
                                    <a href="#">查看所有</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- Message button with number of latest messages count-->
                    <li class="dropdown dropdown-big">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-envelope-alt"></i> 收件箱 <span class="label label-primary">6</span>
                        </a>

                        <ul class="dropdown-menu">
                            <li>
                                <!-- Heading - h5 -->
                                <h5><i class="icon-envelope-alt"></i> 消息</h5>
                                <!-- Use hr tag to add border -->
                                <hr/>
                            </li>
                            <li>
                                <!-- List item heading h6 -->
                                <h6><a href="#">你好啊?</a></h6>
                                <!-- List item para -->
                                <p>最近咋样啊...</p>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">今天很好啊?</a></h6>

                                <p>相当好...</p>
                                <hr/>
                            </li>
                            <li>
                                <div class="drop-foot">
                                    <a href="#">查看所有</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- Members button with number of latest members count -->
                    <li class="dropdown dropdown-big">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-user"></i> 用户 <span class="label label-success">6</span>
                        </a>

                        <ul class="dropdown-menu">
                            <li>
                                <!-- Heading - h5 -->
                                <h5><i class="icon-user"></i> 用户</h5>
                                <!-- Use hr tag to add border -->
                                <hr/>
                            </li>
                            <li>
                                <!-- List item heading h6-->
                                <h6><a href="#">Ravi Kumar</a> <span class="label label-warning pull-right">免费</span>
                                </h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">Balaji</a> <span class="label label-important pull-right">高级</span></h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <h6><a href="#">Kumarasamy</a> <span class="label label-warning pull-right">免费</span>
                                </h6>

                                <div class="clearfix"></div>
                                <hr/>
                            </li>
                            <li>
                                <div class="drop-foot">
                                    <a href="#">查看所有</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                </ul>

            </div>

            <!-- Data section -->

            <div class="col-md-4">
                <div class="header-data">

                    <!-- Traffic data -->
                    <div class="hdata">
                        <div class="mcol-left">
                            <!-- Icon with red background -->
                            <i class="icon-signal bred"></i>
                        </div>
                        <div class="mcol-right">
                            <!-- Number of visitors -->
                            <p><a href="#">7000</a> <em>访问</em></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <!-- Members data -->
                    <div class="hdata">
                        <div class="mcol-left">
                            <!-- Icon with blue background -->
                            <i class="icon-user bblue"></i>
                        </div>
                        <div class="mcol-right">
                            <!-- Number of visitors -->
                            <p><a href="#">3000</a> <em>用户</em></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <!-- revenue data -->
                    <div class="hdata">
                        <div class="mcol-left">
                            <!-- Icon with green background -->
                            <i class="icon-money bgreen"></i>
                        </div>
                        <div class="mcol-right">
                            <!-- Number of visitors -->
                            <p><a href="#">5000</a><em>订单</em></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</header>

<!-- Header ends -->
</body>
</html>